Da die ‘alte’ Website noch mit einem ‘custom’ Gulp Setup erstellt wurde und ich dieses nicht mehr zum laufen bekommen habe, bzw dies zu aufwänding gewesen wäre, habe ich mich entschlossen, die Seite komplett neu zu erstellen.
\nDa ich nun auch schon seit einiger Zeit mit react arbeite, dachte ich mir: ‘Schaust dir mal gatsby.js an’.
\nGesagt getan, hier ist die neue Website powered by gatsby.js
","frontmatter":{"title":"2021 relaunch","published":"Januar 2021","description":"Relaunch von kollatschny.net auf Basis von gatsby","banner":{"childImageSharp":{"id":"a235e7be-3efe-56c0-a4e9-951848a443e7","fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='268'%20viewBox='0%200%20400%20268'%20preserveAspectRatio='none'%3e%3cpath%20d='M34%2025c-4%203-5%204-5%2010l-1%205%206%201c6%202%206%202%208%200l2-2v2l-8%2013c-8%2011-10%2016-7%2018l13%204c12%203%2013%203%2015%201%203-1%203-1%205%201%202%203%2011%207%2015%207l7-2c5-4%205-4%205%201%200%204%200%204%204%205l13%204%209%202%204-3%204-3c1-1-2-2-13-5-16-4-16-4-6-19%209-12%2011-17%209-20s-4-2-5%203v4l-6-2c-5-1-5-1-4-9%201-2%200-2-1-2l-2%201v9c0%2010%202%2012%207%208%203-2%203-1-1%206-8%2014-9%2015-15%2015-5%200-11-2-14-6-4-4-5-9-5-26V31l-3%206c0%203-1%207-3%209-4%207-4%2016%200%2017%202%201%202%202%202%205v4l-6-2c-21-6-19-5-19-9%200-2%201-4%204-7l3-5%203-6c6-8%207-14%203-16-2-1-3-1-3%205v4l-5-2c-5-1-5-1-5-5l1-5c2-3%200-2-5%201m45%2011a158%20158%200%20002%2034c2%200%202-1%202-17%200-13-1-17-2-18l-2%201m45%2019l-1%204v5c2%201%202%204%202%2017v17l6%201%206%202%204-3c5-4%205-5-1-6l-6-1V75c0-18%200-18-5-20-4-2-4-2-5%200m194%2018v14c-1%206-1%206-3%205s-3%200-6%202c-2%202-3%202-3%200s-2-1-3%203l-1-10c0-11-1-13-2-13-3%200-4%202-4%2014l-1%2011-1-1-2-2-2%201-2%202-5%201h-3v-9c0-9%200-10-2-11-3-2-3-1-2%203%201%207%201%208-7%2011l-7%202v-5c0-5-2-8-4-6-2%201-2%204-2%2012v10l-6%202-5%202-3%201h-2v-11c0-11%200-11-2-13-3-3-4-3-3%200v26l-1-2c-1-2-1-2-1%200s0%203-1%202c-2-1-10%202-10%204l-2-15c0-7%200-7-2-7s-3%201-4%2012l-1%208c-1-2-1-2-1%201s0%203-1%202c-1-2-1-2-1%201%200%201%200%202-1%201%200-2-3-1-3%201h-2l-3%201c-2%201-2-1-3-13%200-13-1-16-3-16l-1%2017c0%2010%200%2016-1%2015%200-3-1-3-4%200l-3%201c-1-2-4-2-4%200%200%201-1%202-2%201-2%200-2-1-2-13%200-11%200-12-2-13-4-3-4-3-4%2014%200%2011%200%2016-1%2015h-11c-1-1-1-1-1%201s0%202-1%201-1-1-1%201c-1%201-1-3-1-9%200-10%200-11-2-12-4-3-4-2-3%201l1%2013v9h-6c0%203-9%203-11%201h-1c0%202-4%206-4%204l-1-2v2l1%203-2-2-1-2v1l-1%201c-1%200-2%200-1%201l-1%201h-5c-1-1%202-3%208-8%208-5%209-6%209-12%200-4%200-5-2-6s-4%202-4%208l-1%206-6%201c-8%203-8%203-8-1%200-6%202-12%206-16l3-3-6-5-6-4v17c0%2019-1%2027-4%2025h-1l-1%202-1-1h-2l-5%202-3%202v-9c0-9%200-10-3-12-4-3-4-3-2%202v16l-11%204c-9%202-10%203-10%205l-1%202c-1%201-1%200-1-1v-2l-1%202c-1%202-1%202-2%201h-2l-4%201-4%201v-5c-1-6%200-16%202-19%201-2%201-3-1-4-3-3-4-3-4%207l1%208-4%202c-5%203-6%205-7%2011%200%205%200%205-3%205h-3c-2%202-4%202-4%201l-1%201c-1%201-1%202-2%201-1-4-2%200-2%2012v13l9%206c9%207%209%207%2018%204l7-2v-9l1-9%209%206c7%205%208%205%2014%205%208%200%2015-2%2020-8l3-3%203%202%203%202%208-2%209-3v-3l1-4%203%203c4%203%2012%203%2015-1l6-2%209-2c6-1%206-2%206-7%200-3%201-2%205%201l7%202c3%200%2010-3%2010-4l2-1c5%201%2017-3%2018-5%200-2%200-2%203-1%201%201%204%201%2010-1%207-2%208-2%208-5%200-2%200-2%203-1%202%202%203%202%2015-1l4-1v-11l5%204c4%203%205%203%2011%203%208-1%2013-3%2018-8l3-4%203%202c3%202%203%202%2010%200%208-2%2010-3%2010-5s0-2%203%200c2%201%203%201%2010-1l8-2V79l-18-14v8M176%20196l8%2033c1%203%201%203%206%203%207%200%207%200%2011-18%202-13%204-17%204-9l2%2011%203%2012%201%204h10l1-5a231%20231%200%200010-40l1-4c3%200-2-2-5-2h-4l-1%207-7%2023c-1%201-2-3-6-24l-1-6h-11l-1%208a2035%202035%200%2000-6%2022l-4-15-4-14-5-1h-6l4%2015m107-14l2%2010-1-2-1%203-1%207v2l1-1v3c0%204%200%204%202%200l1-1-1%204v9l3%209c0%207%201%207%206%207s6-1%208-10l3-13c1-9%202-9%204-3l2%2012%202%2010c0%204%203%205%208%204h4l6-25%207-25-5-1c-7%200-6-2-11%2019-3%2013-3%2013-5%205l-3-15-2-9h-5l-5%201-2%205a1876%201876%200%2000-6%2025l-8-28c0-2-1-3-2-3-2%200-2%200-1%201'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.4917127071823204,"src":"/portfolio/static/7d2ac45da985121d4eff3fffb61f9ffd/10d63/head.jpg","srcSet":"/portfolio/static/7d2ac45da985121d4eff3fffb61f9ffd/08454/head.jpg 270w,\n/portfolio/static/7d2ac45da985121d4eff3fffb61f9ffd/1413f/head.jpg 540w,\n/portfolio/static/7d2ac45da985121d4eff3fffb61f9ffd/10d63/head.jpg 1080w,\n/portfolio/static/7d2ac45da985121d4eff3fffb61f9ffd/60539/head.jpg 1620w,\n/portfolio/static/7d2ac45da985121d4eff3fffb61f9ffd/7019e/head.jpg 1870w","srcWebp":"/portfolio/static/7d2ac45da985121d4eff3fffb61f9ffd/54d25/head.webp","srcSetWebp":"/portfolio/static/7d2ac45da985121d4eff3fffb61f9ffd/87903/head.webp 270w,\n/portfolio/static/7d2ac45da985121d4eff3fffb61f9ffd/abd11/head.webp 540w,\n/portfolio/static/7d2ac45da985121d4eff3fffb61f9ffd/54d25/head.webp 1080w,\n/portfolio/static/7d2ac45da985121d4eff3fffb61f9ffd/d9e99/head.webp 1620w,\n/portfolio/static/7d2ac45da985121d4eff3fffb61f9ffd/c24b7/head.webp 1870w","sizes":"(max-width: 1080px) 100vw, 1080px"}}},"location":null,"documents":null,"date":{"from":"Januar 2021","to":"Januar 2021"},"team":null,"repos":[{"link":"httpa://github.com/romankol/portfolio","title":"portfolio@github"}],"links":[{"link":"https://www.gatsbyjs.com/","title":"Gatsbyjs"}],"videos":null}},"allFile":{"edges":[]}},"pageContext":{"slug":"/dev/a-new-beginning/","gallery":"dev/a-new-beginning/gallery","previous":{"fields":{"slug":"/photo/calendar-2021/"},"frontmatter":{"title":"Kalender 2021","published":"2020-12-01"}},"next":null}},"staticQueryHashes":["2841359383","3110855344"]}